<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        /*div {*/
        /*width: 100px;*/
        /*height: 100px;*/
        /*background: red;*/
        /*}*/

        /*p {*/
        /*width: 100px;*/
        /*height: 100px;*/
        /*background: red;*/
        /*}*/

        /*section {*/
        /*width: 100px;*/
        /*height: 100px;*/
        /*background: red;*/
        /*}*/

        div, p, section, #title1, #title2, head {
            width: 100px;
            height: 100px;
            background: red;
        }
    </style>
</head>
<body>
<!--
    群组选择器           通过"，"的方式选择元素，选择到的是一组元素；
         语法           标签名，标签名{样式}
                       #idname,#idname{样式}
                       .classnmae,.classname{样式}
                        标签名,#idname,.classnmae{样式}
            只有任意一个元素有相同的样式，都可以用群组选择器放在一起，但是要用"，"分开；
            不管是标签名，#idname，.classnmae
-->

<div></div>
<p></p>
<section></section>
<h1 id="title1"></h1>
<h2 id="title2"></h2>
<header class="head"></header>
</body>
</html>